<template>
  <VueJsonPretty :data="data"></VueJsonPretty>
</template>
<script lang='ts'>
import { defineComponent, PropType, toRefs } from "vue";
import VueJsonPretty from "vue-json-pretty";
import "vue-json-pretty/lib/styles.css";
import { JSONDataType } from "vue-json-pretty/types/utils";
export default defineComponent({
  name: "JsonPretty",
  props: {
    data: {
      type: Object as PropType<JSONDataType>,
      default: null,
    },
  },
  components: {
    VueJsonPretty,
  },
  setup(props) {
    return {
      ...toRefs(props),
    };
  },
});
</script>
<style lang='less' scoped>
</style>